<script setup lang="ts">
const props = withDefaults(
  defineProps<{
    text: string
  }>(),
  {
    text: 'Text',
  },
)
defineOptions({
  name: 'SliderComponent',
})

// todo: 背景颜色可以设为渐变色
</script>

<template>
  <div class="slider-component">
    <div class="slider-outer">
      <div class="slider-outer-button">
        <div class="slider-inner-button">{{ props.text }}</div>
      </div>
    </div>
  </div>
</template>

<style scoped lang="scss">
@use './index.scss';
</style>
